<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/edittable.css"/>
    <link rel="stylesheet" type="text/css" href="css/validate.css"/>
    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
    <script>
        $(function () {
            $("input[type=text],textarea").focus(function () {
                $(this).addClass("input_focus");
            }).blur(function () {
                $(this).removeClass("input_focus");
            });

            $(".form_btn").hover(function () {
                    $(this).css("color", "red").css("background", "#6FB2DB");
                },

                function () {
                    $(this).css("color", "#295568").css("background", "#BAD9E3");
                });

            //验证密码
            function validatePassword() {
                var result = false;
                var reg = /[a-zA-Z0-9]{6,20}/g;
                var password = $("#password").val();
                if (reg.test(password)) {
                    result = true;
                    $("#password_msg").removeClass().addClass("validate_ok").html("✓");
                } else {
                    $("#password_msg").removeClass().addClass("validate_error").html("密码格式不正确");
                }
                return result;
            }
            //验证重复密码
            function validatePwdconfirm() {
                var result = false;
                var password = $("#password").val();
                var pwdconfim = $("#pwdconfirm").val();
                if (pwdconfim == "") {
                    result = false;
                    $("#pwdconfirm_msg").removeClass().addClass("validate_error").html("重复密码不能为空");
                } else {
                    if (pwdconfim == password) {
                        result = true;
                        $("#pwdconfirm_msg").removeClass().addClass("validate_ok").html("✓");
                    } else {
                        $("#pwdconfirm_msg").removeClass().addClass("validate_error").html("两次密码输入不一致");
                    }
                }
                return result;
            }

            $("#password").blur(function () {
                validatePassword();
            });
            $("#pwdconfirm").blur(function () {
                validatePwdconfirm();
            });

            //总验证
            $("#form_btn").click(function () {
                var result = true;

                if(validatePassword()==false){
                    result=false;
                }
                if (validatePwdconfirm()==false) {
                    result = false;
                }
                if (result == true) {
                    if (confirm("确认修改吗")){
                        var id=${admin.id};
                        $.ajax({
                            url: "AdminServlet.do",
                            type: "post",
                            async: false,
                            data: {flag:"updatePassword",id:id,password:$("#password").val()},
                            success:function (data) {
                                if(data=="1"){
                                    window.top.location.href="login.jsp";
                                }
                            }
                        });
                    }
                }
                return result;
            });

        });
    </script>
</head>
<body>
<table class="edit_table">
<tr>
    <td class="td_info">用户密码:</td>
    <td>
        <input type="text" class="txtbox" name="password" id="password" value="${admin.password}"/>
    </td>
    <td><label class="validate_info" id="password_msg">数字或英文,6-20位</label></td>
</tr>
<tr>
    <td class="td_info">重复密码:</td>
    <td><input type="text" class="txtbox" id="pwdconfirm" value="${admin.password}"/>
    </td>
    <td><label class="validate_info" id="pwdconfirm_msg">请重复输入密码</label></td>
</tr>
    <tr>
        <td class="td_info"></td>
        <td>
            <input class="form_btn" type="submit" value="提交" id="form_btn"/>
            <input type="reset" class="form_btn" value="重置"/></td>
        <td>
            <label id="result_msg" class="result_msg"></label>
        </td>
    </tr>
</table>
</body>
</html>
